*{
	margin:0;
	padding:0;
}
a{outline: none;}
@font-face{font-family: 'Microsoft-Yahei-UI-Light';src:url('../fonts/Microsoft-Yahei-UI-Light.ttc');}
@font-face{font-family: 'WebSymbolsRegular';src:url('../fonts/websymbols.woff');}

/* header */
.header{
	width:100%;
	height:140px;
	background:#fff;
	position: absolute;
	top:0;
}
.header .header-top{
	width:100%;
	height:40px;
	background:#333;
	position: relative;
	top:0;
}
.header-top ul{
	width:auto;
	height:100%;
	float: right;
	margin-right: 10%;
}
.header-top ul li{
	list-style: none;
	float: left;
	margin-left:15px;
	height:100%;
}
.header-top li a{
	text-decoration: none;
	color:#999;
	line-height: 40px;
	font-size:.8em;
	text-align: center;
}
.header-top li a:hover{
	color:#fff;
}
.header-top li:last-child a{
	display: block;
	width:120px;
	height:100%;
	background:#444;
	text-align: left;
}
.cartnav a span{
	display: block;
	width:25px;
	height:25px;
	background:url(../images/cart.png);
	background-size:80%;
	background-repeat: no-repeat;
	float: left;
	margin:10px 0 7px 20px;
}
.cartshow{
	z-index:100;
	width:300px;
	height:0px;
	background:#fff;
	position:absolute;
	top:40px;
	right:10%;
	box-shadow:0px 6px 10px 1px #ddd;
	overflow: hidden;
	transition: height .2s;
	text-align: center;
}
.cartshow p{
	font-size:.9em;
	color:#333;
}
.cartnav a:hover span{
	background:url(../images/cart2.png);
	background-size:80%;
	background-repeat: no-repeat;
}
.nav{
	width:1265px;
	min-width:1265px;
	height:55px;
	margin:0 auto;
	position: relative;
	top:20px;
}
.home{
	display: block;
	width:55px;
	height:55px;
	background:#ff6700;
	float: left;
}
.home span{
	display: block;
	width:70%;
	height:70%;
	background:url(../images/xm.png);
	background-size:100%;
	position: relative;
	top:12%;
	left:12%;
}
.nav > ul{
	width:auto;
	height:100%;
	float: left;
	margin-left:15%;
}
.nav > ul > li{
	list-style: none;
	float: left;
}
.nav > ul > li > a{
	display: block;
	width:auto;
	height:100%;
	line-height:55px;
	text-decoration: none;
	color:#333;
	margin:0 10px;
}
.nav > ul > li > a:hover{
	color:#ff6700;
}
.search{
	width:350px;
	height:45px;
	float: right;
	border:1px solid #ccc;
}
.search input{
	height:100%;
	background:#fff;
	border:none;
}
.search input[type="text"]{
	width:260px;
}
.search input[type="button"]{
	width:55px;
	height:100%;
	font-family: 'WebSymbolsRegular';
	float: right;
	border-left:1px solid #ccc;
	cursor: pointer;
}
/* footer */
.footer{
	width:100%;
	height:440px;
	float: left;
	background:#fff;
	position: relative;
	bottom:0;
	margin-top:200px;
}
.footer-top{
	width:80%;
	min-width:1265px;
	height:80px;
	margin:0 auto;
	border-bottom:1px solid #ddd;
}
.footer-top ul{
	width:100%;
	height:100%;
}
.footer-top ul li{
	width:19.8%;
	height:30%;
	list-style:none;
	float: left;
	margin:25px 0;
	border-right:1px solid #ddd;
}
.footer-top ul li:last-child{
	border:none;
}
.footer-top li a{
	display: block;
	width:100%;
	height:100%;
	text-decoration: none;
	color:#666;
	text-align: center;
}
.footer-top li a:hover{
	color:#ff6700;
}
.footer-center{
	width:80%;
	min-width:1265px;
	height:200px;
	margin:0 auto;
	position: relative;
}
.footer-left{
	width:79%;
	height:100%;
	float: left;
}
.footer-left ul{
	float: left;
	margin-right:101px;
}
.footer-left ul span{
	display: block;
	font-size:.9em;
	margin:25px 0;
}
.footer-left ul li{
	list-style: none;
}
.footer-left ul li a{
	display: block;
	text-decoration: none;
	color:#666;
	font-size:.8em;
	margin:8px 0;
}
.footer-right{
	width:20.4%;
	height:140px;
	border-left:1px solid #ddd;
	float: right;
	margin:25px 0;
	text-align: center;
}
.footer-right span{
	font-size:1.5em;
	color:#ff6700;
}
.footer-right p{
	font-size:.8em;
	color:#666;
}
.footer-right a{
	display: block;
	text-decoration: none;
	width:120px;
	height:30px;
	line-height: 30px;
	margin:15px auto;
	background:#fff;
	border:1px solid #ff6700;
	outline: none;
	color:#ff6700;
	font-size: .8em;
	transition: background .5s,color .5s;
}
.footer-right a:hover{
	background:#ff6700;
	color:#fff;
}
.footer-bottom{
	width:80%;
	height:160px;
	margin:0 auto;
	position: relative;
}
.footer-bottom span{
	display: block;
	width:60px;
	height:60px;
	border-radius:3px;
	background:#ff6700 url(../images/xm.png) no-repeat center;
	position: absolute;
}
.footer-bottom a{
	text-decoration: none;
	color:#666;
	font-size:.8em;
}
.footer-bottom a:hover{
	color:#ff6700;
}
.footer-bottom a:after{
	content:'|';
	margin:0 1px;
}
.footer-bottom p{
	width:48%;
	font-size:.79em;
	color:#999;
	margin-left:70px;
}
/* index */
.container{
	width:1265px;
	min-width:1265px;
	height:auto;
	position: relative;
	top:140px;
	margin:0 auto;
}
.banner{
	width:100%;
	margin:0 auto;
	height:auto;
	position: relative;
	overflow: hidden;
}
.banner img{
	display: none;
	width:100%;
}
#prev,#next{
	position: absolute;
	top:40%;
	width:45px;
	height:75px;
	color:#fff;
	font-size:2em;
	border:none;
	cursor: pointer;
}
#prev{
	left:20%;
	background:rgba(0,0,0,.1) url(../images/prev.png) no-repeat center;
}
#next{
	right:0;
	background:rgba(0,0,0,.1) url(../images/next.png) no-repeat center;
}
#prev:hover{
	background:rgba(0,0,0,.5) url(../images/prev.png) no-repeat center;
}
#next:hover{
	background:rgba(0,0,0,.5) url(../images/next.png) no-repeat center;
}
.banner div{
	width:100px;
	height:20px;
	position: absolute;
	bottom:0;
	right:0;
}
.banner div span{
	display: block;
	float: left;
	margin:0 5px;
	width:5px;
	height:5px;
	border:2px solid #fff;
	background:rgba(0,0,0,0);
	border-radius:10px;
}
.banner div .on{
	background:#fff;
}
.slidenav{
	width:20%;
	height:435px;
	padding:20px 0;
	background:rgba(0,0,0,.5);
	position: absolute;
	top:0;
}
.slidenav ul{
	width:100%;
	height:auto;
}
.slidenav ul li{
	list-style: none;
	width:100%;
	height:auto;
	text-align: left;
}
.slidenav li a{
	display: block;
	text-decoration: none;
	color:#fff;
	font-size:.9em;
	width:90%;
	height:42px;
	line-height: 42px;
	padding-left:10%;
	background:url(../images/next.png) no-repeat 80%;
	background-size:5%;
}
.slidenav li a:hover{
	background:#ff6700 url(../images/next.png) no-repeat 80%;
	background-size:5%;
}
.link-item{
	z-index:10;
	display: none;
	width:800px;
	height:473px;
	background:rgba(255,255,255,.95);
	border:1px solid #ccc;
	position: absolute;
	top:0;
	left:100%;
}
.link-item:hover{
	display: block;
}
.link-item div{
	width:30%;
	height:20%;
	float: left;
	margin:0 10px;
}
.nav-link{
	display: block;
	text-decoration: none;
	color:#333;
	font-size:13px;
	width:50%;
	height:100%;
	line-height:80px;
	text-align: left;
	float: left;
	/*background:url(../images/xm6_80.png) no-repeat left;*/
}
.btn-buy{
	display: block;
	width:60px;
	height:25px;
	background:#fff;
	color:#ff6700;
	text-decoration: none;
	font-size:.9em;
	text-align: center;
	line-height:25px;
	border:1px solid #ff6700;
	float: right;
	margin-top:30px;
	margin-right:10px;
}
.btn-buy:hover{
	background:#ff6700;
	color:#fff;
}
.promo-list{
	width:100%;
	height:170px;
	position: relative;
	top:15px;
}
.slidetag{
	width:20%;
	height:170px;
	float: left;
	background:#5F5750;
}
.slidetag a{
	display: block;
	width:33%;
	height:50%;
	float: left;
	color:#ccc;
	text-decoration: none;
	font-size:.9em;
	text-align: center;
}
.slidetag a img{
	display: block;
	width:25px;
	margin:20px auto 5px auto;
}
.promo-list ul{
	width:78%;
	height:170px;
	float: right;
}
.promo-list ul li{
	list-style: none;
	width:32%;
	height:100%;
	float: left;
}
#promo-center{
	margin:0 2%;
}
.promo-list ul li a{
	display: block;
	width:100%;
	height:100%;
}
.promo-list ul li a img{
	width:100%;
	height:100%;
}
.box-dp-view{
	width:1265px;
	height:385px;
	margin:20px auto;
	overflow: hidden;
}
.box-title{
	width:100%;
	height:45px;
	position: relative;
}
.box-title span{
	font-size:1.4em;
	font-family: 'Microsoft-Yahei-UI-Light';
	color:#333;
}
.box-next,.box-prev{
	float: right;
	width:35px;
	height:25px;
	line-height:0;
	color:#999;
	background:#fff;
	border:1px solid #ccc;
	font-size:1.1em;
	cursor: pointer;
}
.box-dp{
	width:3000px;
	height:340px;
	position: relative;
	left:0;
}
.box-dp div{
	width:243px;
	height:340px;
	float: left;
	margin-right:10px;
	background:#FAFAFA;
	text-align: center;
}
.box1{border-top:1px solid #FFAC13;}
.box2{border-top:1px solid #83C44E;}
.box3{border-top:1px solid #2196F3;}
.box4{border-top:1px solid #E53935;}
.box5{border-top:1px solid #00C0A5;}
.box-dp div a{
	text-decoration: none;
	color:#000;
	font-size:.9em;
}
.box-dp div a:first-child{
	display: block;
	width:75%;
	height:auto;
	margin:30px auto;
}
.box-dp div img{
	width:100%;
}
.box-dp div p{
	font-size:.8em;
	color:#999;
}
.box-dp div span{
	font-size:.8em;
	color:#ff6700;
}
.container-center{
	position: relative;
	top:150px;
	padding:80px 0;
	width:100%;
	height:auto;
	background:#F5F5F5;
}
.pro-box{
	width:80%;
	min-width:1265px;
	height:700px;
	margin:0 auto;
	position: relative;
}
.probox-title span{
	font-size:1.4em;
	font-family: 'Microsoft-Yahei-UI-Light';
	color:#333;
}
.probox-title a{
	text-decoration: none;
	color:#666;
	font-size:1em;
	float: right;
}
.probox-title a:hover{
	color:#ff6700;
}
.pro-cart-lg{
	background:#fff;
	width:243px;
	height:640px;
	position: relative;
	top:0;
	float: left;
	overflow: hidden;
	margin-right:10px;
	transition:top .3s;
}
.pro-cart-lg:last-child{
	margin:0;
}
.pro-cart-lg a{
	display: block;
	width:100%;
	height:100%;
}
.pro-cart-lg a img{
	width:100%;
}
.pro-cart{
	background:#fff;
	width:243px;
	height:315px;
	text-align: center;
	overflow: hidden;
	position: relative;
	top:0;
	float: left;
	margin:0 5px 10px 5px;
	transition:top .3s;
}
.pro-cart a{
	text-decoration: none;
	color:#000;
	font-size:.9em;
}
.pro-cart a:first-child{
	display: block;
	width:75%;
	height:auto;
	margin:30px auto;
}
.pro-cart img{
	width:100%;
}
.pro-cart p{
	font-size:.8em;
	color:#999;
}
.pro-cart span{
	font-size:.8em;
	color:#ff6700;
}
.pro-cart:hover,.pro-cart-lg:hover{
	top:-3px;
	box-shadow:0px 5px 5px 1px #ddd;
}
.comment-box{
	width:80%;
	min-width:1265px;
	height:500px;
	position: relative;
	margin:0 auto;
}
.comment-cart{
	background:#fff;
	width:306px;
	height:455px;
	text-align:left;
	overflow: hidden;
	position: relative;
	top:0;
	float: left;
	margin:0 5px 10px 5px;
	transition:top .3s;
}
.comment-cart:hover{
	top:-3px;
	box-shadow:0px 5px 5px 1px #ddd;
}
.comment-cart a{
	display: block;
	width:75%;
	margin:0 auto;
	text-decoration: none;
	color:#000;
	font-size:.9em;
}
.comment-cart a:first-child{
	width:100%;
	height:auto;
}
.comment-cart img{
	width:100%;
}
.comment-cart p{
	width:75%;
	font-size:.8em;
	color:#999;
	margin:20px auto;
}
.comment-cart span{
	font-size:.8em;
	color:#ff6700;
}
/* register */
.register-box{
	width:855px;
	height:530px;
	margin:100px auto;
	text-align: center;
}
.register-box span{
	display: block;
	width:50px;
	height:50px;
	border-radius:2px;
	background:#ff6700 url(../images/xm.png);
	background-size:100%;
	margin:10px auto;
}
.register-box h1{
	font-family: 'Microsoft-Yahei-UI-Light';
	font-weight: normal;
}
.register-box ul li{
	list-style: none;
	width:332px;
	height:40px;
	margin:15px auto;
}
.register-box input{
	width:330px;
	height:40px;
	border:1px solid #ddd;
	text-indent: 2em;
	float: left;
}
.register-box input[type="submit"]{
	border:1px solid #ff6700;
	background:#ff6700;
	color:#fff;
	font-size:1em;
	text-indent:0em;
}
.register-box .yz{
	width:220px;
}
.register-box img{
	width:100px;
	height:40px;
	float:right;
}
.register-box p{
	width:330px;
	margin:0 auto;
	font-size:.8em;
	text-align: left;
	color:#999;
}
.register-box p a{
	text-decoration: none;
	color:#000;
	font-weight: bold;
}

/* login */
.login-header{
	width:100%;
	height:100px;
	background:#fff url('../images/loginlogo.png') no-repeat;
	background-position:15%;
}
.login-container{
	width:100%;
	height:600px;
	background:#14212A url(../images/login.jpg) no-repeat;
	background-position:50%;
}
.login-box{
	width:400px;
	height:500px;
	float: right;
	margin:40px 200px;
	background:#fff;
	text-align: center;
}
.login-box h2{
	color:#ff6700;
	font-family: 'Microsoft-Yahei-UI-Light';
	font-weight: normal;
	text-align: left;
	text-indent: 2em;
	margin:30px 0;
}
.login-box input{
	width:330px;
	height:45px;
	margin:10px 35px;
	border:1px solid #ddd;
	text-indent: 2em;
}
.login-box input[type="submit"]{
	text-indent: 0em;
	border:1px solid #ff6700;
	background:#ff6700;
	color:#fff;
	font-size:1em;
}
.login-box a{
	text-decoration: none;
	color:#888;
	font-size:.9em;
}

/* single */

.single-header{
	z-index:10;
	width:100%;
	height:65px;
	background:#fff;
	position: relative;
	top:150px;
	border-top:1px solid #ddd;
	box-shadow:0px 5px 5px 2px #ddd;
}
.single-header h2{
	width:100px;
	font-family: 'Microsoft-Yahei-UI-Light';
	font-weight: normal;
	line-height:65px;
	float: left;
	margin-left:10%;
}
.single-header div{
	float: right;
	margin-right: 10%;
}
.single-header div a{
	text-decoration: none;
	color:#666;
	font-size:1em;
	line-height:65px;
}
.single-header div a:hover{
	color:#ff6700;
}
.single-header div a:after{
	content:'|';
	margin-left:5px;
	color:#ddd;
}
.single-container{
	width:80%;
	min-width:1265px;
	height:auto;
	min-height:2000px;
	margin:0 auto;
	position: relative;
	top:170px;
}
.single-banner{
	width:590px;
	height:610px;
	left:0;
	position: absolute;
}
.single-banner #prev{
	left:0;
}
.single-banner .banner div{
	width:300px;
	margin-right:110px;
}
.single-banner div span{
	width:50px;
	height:2px;
	border:1px solid #ddd;
	background:#ddd;
	border-radius:0;
	float: left;
}
.pro-info{
	width:650px;
	height:800px;
	float: right;
}
.pro-info h2{
	color:#333;
	font-family: 'Microsoft-Yahei-UI-Light';
	font-weight: normal;
}
.pro-info p{
	font-size:.9em;
	color:#999;
}
.pro-info span{
	display: block;
	font-size:1.2em;
	color:#ff6700;
	margin:15px 0;
}
.pro-info hr{
	color:rgba(0,0,0,.2);
	margin-bottom: 25px;
}
.pro-info h3{
	color:#333;
	font-family: 'Microsoft-Yahei-UI-Light';
	font-weight: normal;
}
.pro-info a{
	display: block;
	width:300px;
	height:70px;
	border:1px solid #ddd;
	outline: none;
	text-decoration: none;
	float: left;
	margin:20px 20px 20px 0;
}
.pro-info a .name{
	display: block;
	width:auto;
	height:70px;
	line-height:35px;
	color:#333;
	font-size:1em;
	float: left;
	margin-left:25px;
}
.pro-info a .price{
	width:auto;
	color:#999;
	font-size:1em;
	line-height:35px;
	float: right;
	margin-right:20px;
}
.pro-info .btn-color{
	height:45px;
	line-height:15px;
}
.pro-info .btn-color span{
	text-align: center;
	color:#333;
	font-size:1em;
}
.single-title{
	width:100%;
	height:250px;
	float: left;
}
.single-title p{
	width:100%;
	color:#444;
	font-size:.9em;
	float: left;
	margin:10px;
}
.single-title span{
	display: block;
	width:100%;
	margin:10px;
	font-size:1.5em;
}
#single-btn{
	width:300px;
	height:50px;
	border:1px solid #ff6700;
	background:#ff6700;
	color:#fff;
	line-height:50px;
	text-align: center;
	margin:10px;
}
.pro-info .active,.pro-info .active-color{
	border:1px solid #ff6700;
}
.pro-info .active span,.pro-info .active-color span{
	color:#ff6700;
}
.pro-intr{
	width:100%;
	height:auto;
}
.pro-intr img{
	width:100%;
	position: relative;
}

/* products */
.products-container{
	width:80%;
	min-width:1265px;
	height:auto;
	min-height:1200px;
	position: relative;
	top:150px;
	margin:0 auto;
}
.products-nav{
	width:100%;
	height:80px;
	background:#fff;
	border-bottom:1px solid #ddd;
	line-height:80px;
	overflow: hidden;
	transition: height .5s;
}
.products-nav .nav-main{
	width:88%;
	height:80px;
	float: left;
}
.products-nav .nav-main span{
	color:#ff6700;
	font-size:.9em;
	margin:0 20px;
}
.products-nav .nav-main a{
	text-decoration: none;
	color:#666;
	font-size:.9em;
	margin:0 30px;
}
.products-nav .more{
	display: block;
	width:10%;
	height:100%;
	outline: none;
	float: right;
	text-decoration: none;
	color:#ff6700;
	font-size:.9em;
}
.pro-banner{
	width:100%;
	height:500px;
	float: left;
	background-size: 100% 100% !important;
}
.pro-banner a{
	display: block;
	width:100%;
	height:100%;
	/*background:url('../images/1.jpg');*/
}
.products-cart{
	width:49%;
	height:520px;
	float: left;
	background:#fff;
	margin:20px 0;
}
.products-cart .cart-top{
	width:100%;
	height:auto;
}
.cart-top a{
	display: block;
	width:100%;
	height:350px;
}
.cart-top a img{
	width:100%;
}
.cart-bottom{
	width:90%;
	height:auto;
	margin:0 auto;
	margin-top:50px;
	/*border-top:1px solid #E0E0E0;*/
	padding-top:10px;
}
.cart-bottom h2{
	float: left;
	font-family: 'Microsoft-Yahei-UI-Light';
	font-weight: normal;
}
.cart-bottom span{
	font-size:1.3em;
	color:#ff6700;
	margin:20px;
	line-height:35px;
}
.cart-bottom p{
	width:300px;
	margin:10px 0;
	font-size:.9em;
	color:#666;

}
.cart-bottom a{
	display: block;
	text-decoration: none;
	font-size:1em;
	color:#ff6700;
	line-height:40px;
	text-align: center;
	width:160px;
	height:40px;
	border:1px solid #ff6700;
	float: right;
	margin-top:-95px;
	margin-right:30px;
}
.products-cart:nth-child(odd){
	margin-right:1%;
}
.products-cart:nth-child(even){
	margin-left:1%;
}
.products-container > img{
	border-top:1px solid #ddd;
	width:100%;
}
/* checkout */
.checkout-header{
	width:100%;
	height:100px;
	background:#fff;
	border-bottom:2px solid #ff6700;
}
.checkout-header .logo{
	display: block;
	width:50px;
	height:50px;
	border-radius:2px;
	background:#ff6700 url(../images/xm.png);
	background-size:100%;
	float: left;
	margin:25px 0 25px 10%;
}
.checkout-header h1{
	font-family: 'Microsoft-Yahei-UI-Light';
	font-weight: normal;
	float: left;
	color:#333;
	margin:25px;
}
.checkout-header p{
	width:auto;
	float: left;
	line-height:110px;
	font-size:.9em;
	color:#666;
}
.checkout-header ul{
	width:120px;
	height:30px;
	overflow: hidden;
	float: right;
	margin:39px 0 0 0;
	transition: height .5s;
}
.checkout-header ul li{
	width:100%;
	height:30px;
	list-style: none;
}
.checkout-header ul a{
	display: block;
	text-decoration: none;
	width:100%;
	height:30px;
	text-align: center;
	line-height: 30px;
	color:#666;
	font-size:.8em;
	background:#fff;
}
.checkout-header ul:hover{
	height:90px;
	box-shadow:5px 5px 5px #ddd;
}
.checkout-header ul a:hover{
	color:#ff6700;
}
.checkout-header ul li a:hover{
	background:#F2F2F2;
}
.checkout-header > a{
	text-decoration: none;
	color:#666;
	font-size:.8em;
	float: right;
	margin:45px 10% 0 0;
}
.checkout-header > a:before{
	content:'|';
	margin-right:20px;
}
.checkout-container{
	width:80%;
	min-width:1265px;
	height:auto;
	min-height:500px;
	margin:50px auto;
}
.checkout-container .table{
	width:100%;
	background:#fff;
}
.table thead{
	width:100%;
	height:65px;
	font-size:.9em;
	font-family: 'Microsoft-Yahei-UI-Light';
	font-weight: normal;
}
.table tbody td{
	text-align: center;
}
.table tbody tr{
	height:130px;
	box-shadow:1px -.5px .5px .5px #ddd;
}
.table tbody .button-wrap img{
	float: left;
	margin:25px;
}
.table tbody .button-wrap p{
	float: left;
	line-height:130px;
	font-size:1.1em;
	color:#333;
}
.table tbody .button-wrap span{
	color:#333;
}
.table tbody .button-wrap div{
	border:1px solid #ddd;
	width:150px;
	height:40px;
	margin:0 auto;
}
/*.table tbody tr img{
	float: left;
	margin:25px;
}
.table tbody tr p{
	float: left;
	line-height:130px;
	font-size:1.1em;
	color:#333;
}
.table tbody tr span{
	color:#333;
}*/
/*.table tbody tr div{
	border:1px solid #ddd;
	width:150px;
	height:40px;
	margin:0 auto;
}*/
.reduce,.add{
	width:40px;
	height:100%;
	float: left;
	border:none;
	outline: none;
	background:#fff;
	color:#666;
	line-height:-10px;
	cursor:pointer;
	font-size:1em;
}
.pro-num{
	width:70px;
	height:100%;
	float: left;
	border:none;
	text-align: center;
}
.reduce:hover,.add:hover{
	background:#ddd;
}
.table tbody tr .checkout-total{
	color:#ff6700;
	font-size:1.1em;
}
.table tbody tr a{
	display: block;
	width:30px;
	height:30px;
	line-height:30px;
	text-align: center;
	border-radius:30px;
	background:#fff;
	text-decoration: none;
	color:#666;
	font-size:2em;
	margin:0 auto;
}
.table tbody tr a:hover{
	background:#f00;
	color:#fff;
}
.balance{
	width:100%;
	height:50px;
	background:#fff;
	margin:20px 0;
}
.balance input{
	width:200px;
	height:100%;
	background:#ff6700;
	color:#fff;
	font-size:1.2em;
	border:1px solid #ff6700;
	float: right;
	cursor: pointer;
}
.balance input:hover{
	background:#F95F00;
}
.balance > span{
	color:#ff6700;
	line-height:50px;
	float: right;
	margin:0 10px;
}
.balance > span span{
	font-size:2em;
}
.checkout-container > h1{
	color:#666;
	font-family: 'Microsoft-Yahei-UI-Light';
	font-weight: normal;
	text-align: center;
	margin-bottom:40px;
}
.checkout-container > h1:before,.checkout-container > h1:after{
	content:'＿＿＿＿＿＿＿＿＿＿＿';
	margin-top:-15px;
	font-family:'宋体';
	color:#ddd;
}
.checkout-container > h1:before{
	float: left;
}
.checkout-container > h1:after{
	float: right;
}
/* settlement */
.settlement-container{
	max-width:80%;
	min-width:1265px;
	height:auto;
	min-height:1000px;
	background:#fff;
	margin:50px auto;
	padding:50px 0;
}
.settlement-container h3{
	margin:0 50px;
	font-family:'Microsoft-Yahei-UI-Light';
	font-weight: normal;
}
.address-cart{
	width:230px;
	height:140px;
	border:1px solid #ddd;
	border-radius:2px;
	margin:10px 50px;
	padding:20px;
	float: left;
	cursor: pointer;
}
.address-cart span{
	display: block;
	font-size:1.2em;
	color:#333;
	margin-bottom:10px;
}
.address-cart p{
	font-size:.9em;
	color:#666;
}
.address-active{
	border:1px solid #ff6700;
}
.address-active span,.address-active p{
	color:#ff6700;
}
.address-add{
	width:230px;
	height:140px;
	border:1px solid #ddd;
	border-radius:2px;
	margin:10px 0;
	padding:20px;
	float: left;
	text-align: center;
	cursor: pointer;
}
.address-add span{
	display: block;
	width:30px;
	height:30px;
	background:#ddd;
	color:#fff;
	border-radius:30px;
	font-size:2em;
	text-align: center;
	line-height:30px;
	margin:30px auto 10px auto;
}
.address-add p{
	color:#666;
}
.address-add:hover p{
	color:#333;
}
.mask{
	display: none;
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,.7);
}
.add-cart{
	display: none;
	width:350px;
	height:500px;
	background:#fff;
	position: absolute;
	left:30%;
	z-index:10;
}
.add-cart ul{
	width:100%;
	height:auto;
	margin-top:20px;
}
.add-cart ul li{
	list-style: none;
	float: left;
	margin:10px 20px;
}
.add-cart ul li input{
	width:310px;
	height:40px;
	border:1px solid #ddd;
	outline: none;
	text-indent:2em;
}
.add-cart ul li select{
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	width:100px;
	height:40px;
	border:1px solid #ddd;
	outline: none;
	background:url(../images/down.png) no-repeat;
	background-size:15%;
	background-position:90%;
	color:#666;
	cursor: pointer;
}
.add-cart ul li textarea{
	width:310px;
	border:1px solid #ddd;
	outline: none;
	text-indent:2em;
}
.add-cart input[type="submit"]{
	width:150px;
	height:35px;
	outline: none;
	cursor: pointer;
}
.add-cart input[type="submit"]:nth-child(even){
	background:#ff6700;
	color:#fff;
	border:1px solid #ff6700;
	float: left;
	margin:30px 0 0 20px;
}
.add-cart input[type="submit"]:nth-child(odd){
	background:#666;
	color:#fff;
	border:1px solid #666;
	float: right;
	margin:30px 18px 0 0;
}
.settlement-container > ul{
	width:90%;
	height:auto;
	float: left;
	margin:50px;
}
.settlement-container > ul li{
	width:100%;
	height:100px;
	border-bottom:1px solid #ddd;
	list-style:none;
	line-height:100px;
}
.settlement-container li span{
	float: left;
	font-size:1.1em;
}
.settlement-container li p{
	float: left;
	color:#ff6700;
	font-size:.9em;
	margin-left:50px;
}
.settlement-container li table{
	width:100%;
}
.settlement-container li table img{
	float: left;
}
.settlement-container li table p{
	color:#333;
}
.settlement-container li table span{
	font-size:.9em;
}
.settlement-container .checkout-total{
	color:#ff6700;
}
.fact-mon{
	width:200px;
	height:300px;
	float: right;
	margin-top: 170px;
}
.fact-total{
	width:100%;
	height:180px;
	float: left;
}
.fact-total ul{
	width:100%;
	height:auto;
	float: left;
}
.fact-total ul li{
	list-style: none;
	height:40px;
	float: left;
}
.fact-total ul li label{
	display: block;
	width:80px;
	text-align: right;
	color:#666;
	font-size:.9em;
	float: left;
}
.fact-total ul li span{
	display: block;
	color:#ff6700;
	width:100px;
	text-align: right;
	font-size:.9em;
}
.fact-mon input[type="submit"]{
	width:165px;
	height:40px;
	background:#ff6700;
	color:#fff;
	border:1px solid #ff6700;
	margin:-10px 15px;
	cursor: pointer;
}
.fact-mon input[type="submit"]:hover{
	background:#E05900;
}

.center {
	display: inline-block;
	margin-left:120px !important;
	text-align: center !important;
}